<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>手机号快速注册</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="fonts/iconfont.css" rel="stylesheet" />
		<link href="css/common.css" rel="stylesheet" />
		<link href="css/login.css" rel="stylesheet" />
		<link href="css/quick-reg.css" rel="stylesheet" />
		
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" ></a>
			<h1 class="mui-title">手机注册</h1>
		</header>
		<div class="log-container">
			<label class="log-row">
				<span class="label">手机号</span>
				<input type="tel" name="phone" id="phone" placeholder="请填写11位手机号码" maxlength="11"/>
			</label>
			<div class= "agree active">
				<div class="checker-box">
					<div class="checker">
						<span class="mui-icon iconfont icon-check"></span>
					</div>
				</div>
				<p class="txt">我已同意并遵守<a href="#"><<百千信用户组册协议>></a></p>
			</div>
			<button class="ok-btn" id="reg-next">下一步</button>
			<p class="txt">遇到问题？你可以<a onclick="location.href='tel:10086'">联系客服</a></p>
		</div>
		<script src="js/mui.min.js"></script>
		<!--<script src="js/public.js"></script>-->
		<script type="text/javascript">
			mui.init()
			document.querySelector('.checker-box').addEventListener('tap',function(){
				document.querySelector('.agree').classList.toggle('active')
			})
			
			document.querySelector('#reg-next').addEventListener('tap',function(){
				var phone = document.getElementById('phone').value;
			    var mobile_phone2 = /^1[3|4|5|7|8]\d{9}$/;
			    if (phone == '' || !mobile_phone2.test(phone)) {
			        mui.toast('手机号不正确');
			        return false;
			    }
//				openTitle({
//					title:'手机号快速注册',
//					  url:'quick-reg2.html',
//					   id:'quick-reg2.html',
//				   extras:{
//				   		phone_num: document.getElementById('phone').value
//				   }
//				})
				mui.openWindow({
					url:'quick-reg2.html',
					id:'quick-reg2.html',
				})
			})
		</script>
	</body>

</html>